<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 更好的适配移动端的代码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
    <!-- 阿里矢量图标库 -->
    <link rel="stylesheet" href="assets/font_03463retxogvi/iconfont.css">
    <link rel="stylesheet" href="css/index2.css">
</head>

<body>
    <header class="head">
        <h3>发现最热门</h3>
        <img src="https://css.meishij.net/wap7/images/ms_mail2@3x.png">
    </header>
    <section class="box">
        <a href="">
            <img src="https://static.meishij.net/wap7/images/ms_home_find_shicai@3x.png">
        </a>
        <a href="">
            <img src="https://static.meishij.net/wap7/images/ms_home_find_caidan@3x.png">
        </a>
        <a href="">
            <img src="https://static.meishij.net/wap7/images/ms_home_find_zhuanti@3x.png">
        </a>
        <a href="">
            <img src="https://static.meishij.net/wap7/images/ms_home_find_wenzhang@3x.png">
        </a>                                                                                                      
    </section>
    <section class="box-1">
        <h2>热门的视频菜谱</h2>
        <p class="ppp"><span class="sp">视频菜谱</span></p> 
        <figure class="rishi">
            <p class="p1">
                <span class="sp2">日食记</span>
                <span class="sp1">2017-05-31更新</span>
            </p>
            <figure class="bofang">
                <dl>
                    <dt>
                        <img src="http://admin.meishi.cc/article/upload/video_img/20170531/20170531174704_320.png">
                    </dt>
                    <dd>
                        <p>看一遍就能学会的泡椒凤爪 骨头都想吞掉</p>
                        <p class="p2">22819次播放</p>
                        <span class="iconfont icon-yingpian">
                        </span>
                    </dd>

                </dl>
            </figure>
        </figure>
    </section>
    <section class="box-2">
        <h2>全国最爱收藏的菜谱</h2>
        <p class="ppp"><span class="sp">收藏最多</span></p> 
        <figure class="tang">
            <dl>
                <dt><img src="http://site.meishij.net/r/23/125/8843773/a8843773_148359167558851.jpg" alt=""></dt>
                <dd>
                    <p class="p">糖醋排骨</p>
                    <p class="pq1">7步 / <60分钟</p>
                    <p class="pq2">酸甜味 / 炒</p> 
                </dd>
            </dl>
        </figure>
    </section>
    <section class="box-2">
        <h2>买菜犯愁？看看北京市都在吃什么</h2>
        <p class="ppp"><span class="sp">点击最高</span></p> 
        <figure class="tang">
            <dl>
                <dt><img src="http://images.meishij.net/p/20130725/f005ccf19467ad1b6e157954cdfda19d_180x180.jpg"></dt>
                <dd>
                    <p class="p">红烧肉</p>
                    <p class="pq1">增强体质</p>
                    <p class="pq2">较低热量</p> 
                </dd>
            </dl>
        </figure>
    </section>
    <section class="box-2">
        <h2>大家都在参加这次活动，快来吧</h2>
        <p class="ppp"><span class="sp">活动</span></p> 
        <figure class="tu">
            <img src="http://images.meishij.net/p/20170301/f72f59f8245d4a36a7661ae8f06a9449.jpg" alt="">
        </figure>
    </section>
    <section class="box-2">
        <h2>昨日全国最爱菜谱</h2>
        <p class="ppp"><span class="sp">点击最多</span></p> 
        <figure class="tang">
            <dl>
                <dt><img src="http://site.meishij.net/r/80/133/5970830/a5970830_150486263461174.jpg"></dt>
                <dd>
                    <p class="p">香菇红烧肉</p>
                    <p class="pq1">13步 / <60分钟</p>
                    <p class="pq2">咸鲜味 / 炖</p> 
                </dd>
            </dl>
        </figure>
    </section>
    <section class="box-2">
        <h2>昨日北京市最爱收藏的菜单</h2>
        <p class="ppp"><span class="sp">收藏最多</span></p> 
        <figure class="caidan">
            <img src="http://site.meishij.net/r/231/00/2937731/a2937731_142225715924225.jpg">
            <img src="http://site.meishij.net/r/185/123/1655935/a1655935_20787.jpg" alt="">
            <img src="http://images.meishij.net/p/20100521/9878d81a14fbdae652b5d15fc75fdcaa_150x150.jpg" alt="">
            <img src="http://images.meishij.net/p/20130701/dfe39ff570509482f36d117075a64e9a_150x150.jpg" alt="">
        </figure>
    </section>

    <section class="box-2">
        <h2>北京市现在最关注的菜谱</h2>
        <p class="ppp"><span class="sp">点击最多</span></p> 
        <figure class="tang">
            <dl>
                <dt><img src="http://site.meishij.net/r/115/102/588115/a588115_143807073830816.jpg"></dt>
                <dd>
                    <p class="p">四川麻辣豆腐</p>
                    <p class="pq1">10步 / <10分钟</p>
                    <p class="pq2">麻辣味 / 烧</p> 
                </dd>
            </dl>
        </figure>
    </section>
    <section class="box-2">
        <h2>昨日北京市最高评论</h2>
        <p class="ppp"><span class="sp">评论最高</span></p> 
        <figure class="tang">
            <dl>
                <dt><img src="http://site.meishij.net/r/184/124/2468684/a2468684_149598339901532.jpg"></dt>
                <dd>
                    <p class="p">香辣烤鱼</p>
                    <p class="pq1">6步 / <30分钟</p>
                    <p class="pq2">香辣味 / 烤</p> 
                </dd>
            </dl>
        </figure>
    </section>
    <section class="box-2">
        <h2>昨日全国最爱菜谱</h2>
        <p class="ppp"><span class="sp">点击最多</span></p> 
        <figure class="tang  xiang">
            <dl>
                <dt><img src="http://site.meishij.net/r/80/133/5970830/a5970830_150486263461174.jpg"></dt>
                <dd>
                    <p class="p">香菇红烧肉</p>
                    <p class="pq1">13步 / <60分钟</p>
                    <p class="pq2">咸鲜味 / 炖</p> 
                </dd>
            </dl>
        </figure>
    </section>

    <footer class="footer">
		<a href="index.html">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_01@3x.png" alt="">
				</dt>
				<dd>推荐</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_02ed@3x.png" alt="">
				</dt>
				<dd  class="dd">发现</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_03@3x.png" alt="">
				</dt>
				<dd>商城</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_04@3x.png" alt="">
				</dt>
				<dd>食话</dd>
			</dl>
		</a>
		<a href="">
			<dl>
				<dt>
					<img src="https://static.meishij.net/wap7/images/tabbar_05@3x.png" alt="">
				</dt>
				<dd>我的</dd>
			</dl>
		</a>

	</footer>
    <script src="assets/jquery/jquery-3.2.1.min.js"></script>
    <script src="assets/swiper/js/swiper.min.js"></script>
    <script src="assets/artTemplate/template-web.js"></script>
    <script src="assets/font_03463retxogvi/iconfont.js"></script>
    <script src="js/index2.js"></script>
</body>

</html>